<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/flexible_css.debug (1).js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/mya.css">
</head>
<body>
    <header class="header">
        <div>我的</div>
    </header>
    <main class="main">
        <dl class="dl_top">
            <dt class="tog" >
                <img class="tog" src="../images/cil.png" alt="">
            </dt>
            <dd class="dd_click">
                <span>大矮人</span>
                <img src="../images/rig.png" alt="">
            </dd>   
        </dl>
        <div class="dl_next">
            <dl>
                <dt><img src="../images/my_03.png" alt=""></dt>
                <dd>
                    <span>我的作品</span>
                    <span>
                        0
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
            <dl>
                <dt><img src="../images/my_06.png" alt=""></dt>
                <dd>
                    <span>我的动态</span>
                    <span>
                        0
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
            <dl>
                <dt><img src="../images/my_08.png" alt=""></dt>
                <dd>
                    <span>我的收藏</span>
                    <span>
                        0
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
        </div>
        <div class="dl_next">
            <dl>
                <dt><img src="../images/my_03.png" alt=""></dt>
                <dd>
                    <span>我的消息</span>
                    <span>
                        2
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
            <dl>
                <dt><img src="../images/my_06.png" alt=""></dt>
                <dd>
                    <span>我的好友</span>
                    <span>
                        0
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
            <dl>
                <dt><img src="../images/my_08.png" alt=""></dt>
                <dd>
                    <span>我的粉丝</span>
                    <span>
                        0
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
        </div>
        <div class="dl_net">
            <dl class="dl_dl">
                <dt><img src="../images/my_03.png" alt=""></dt>
                <dd>
                    <span>设置</span>
                    <span>
                        <img src="../images/rig.png" alt="">
                    </span>
                </dd>
            </dl>
        </div>
    </main>
    <div>
    <footer class="footer">
        <div>
            <a href="../index.html">
                <img src="../images/home.png" alt="">
                <p>推荐</p>
            </a>
        </div>
        <div>
            <a href="find.html">
                <img src="../images/foot_22.png" alt="">
                <p>发现</p>
            </a>
        </div>
        <div>
            <a href="issue.html">
                <img src="../images/foot_11.png" alt="">
                <p>发布</p>
            </a>
        </div>
        <div>
            <a href="move.html">
                <img src="../images/foot_17.png" alt="">
                <p>动态</p>
            </a>
        </div>
        <div>
            <img src="../images/my.png" alt="">
            <p>我的</p>
        </div>
    </footer>

    <div class="div_box">
        <p class="p_p">取消</p>
        <div class="div_img">
            <img src="../images/deng_03.png" alt="">
            <div class="div_ipt">
                <p><input class="tel" type="tel" placeholder="请输入电话号码"></p>
                <p><input class="pas" type="password" placeholder="请输密码"></p>
            </div>
            <p class="_p black">
                <input type="submit" value="登陆">
            </p>
            <p class="_p">
                <input type="button" value="注册名厨">
            </p>
        </div>
        <div class="div">
            使用其他方式登陆
        </div>
        <div class="fen">
            <div>
                <a href="weix.html">
                    <img src="../images/liao_07.png" alt="">
                    <p>微信</p>
                </a>
            </div>
            <div>
                <a href="qq.html">
                    <img src="../images/liao_09.png" alt="">
                    <p>QQ</p>
                </a>
            </div>
            <div>
                <img src="../images/liao_11.png" alt="">
                <p>微博</p>
            </div>
        </div>
    </div>
    <script src="../js/flexible.debug (1).js"></script>
    <script src="../js/jquery-3.2.1.js"></script>
    <script>
        $(function(){
            $(".dd_click").click(function(){
                $(".div_box").slideToggle(500);
            })
            $(".p_p").click(function(){
                $(".div_box").slideToggle(500);
            })
            $(".dt_click").click(function(){
                $(".div_box").slideToggle(500);
            })
            
            if($(".tel").val()=="null" && $(".pas").val()=="null"){
                alert("请输入完整");
            }else{
                $(".black").click(function(){
                    $(".div_box").slideToggle(500);
                    $(".dd_click").show();
                    $(".tog").show();
                    $(".dt_click").hide();
                })
            }
        })
    </script>
</body>
</html>